home *** CD-ROM | disk | FTP | other *** search
/ PC Users 1999 April / Cd Pc Users extra 19 abril 1999.iso / Prog / Inst / Js02 / js02.exe / js / animdivnew.js next >
Encoding:
Text File  |  1999-02-15  |  10.8 KB  |  271 lines
  1. function Create_Ticker(signe_browser,NameId,NumberId,NumbText,LeftPos,TopPos,TickWidth,TickHeight,LeftLimit,TickStep,TickTime){
  2.  
  3.  
  4.     var meja=null;
  5.     var TickerHor='';
  6.     var TickerHor1='';
  7.     var TickerHor2='';
  8.     var TickerHor3='';
  9.     var TickerHorSelect1='';
  10.     var TickerHorSelect2='';
  11.     var TickerHorNav1='';
  12.     var TickerHorNav2='';
  13.     var TickerHorForm='';
  14.     var TickerHorFormDiv='';
  15.     var NewFrame='';
  16.     var LiveRef='<BASE HREF="http://www.buana.com/content/">   \n';
  17.     TopPos=TopPos+30;
  18.     var strout="'out'";
  19.     var strover="'over'";
  20.       var coma="'";
  21.  
  22.     TickerHor1   ='<HTML>   \n';
  23.     TickerHor1  +='<TITLE>Layer Animation: CROSS BROWSER DHTML/JAVASCRIPT: VERSION 1.00</TITLE>   \n';   
  24.     TickerHor1  +='<HEAD>   \n';   
  25.     TickerHor1  +='<STYLE TYPE="text/css">   \n';   
  26.     TickerHor1  +='A:link    {text-decoration:none; }  \n';       
  27.     TickerHor1  +='A:visited    {text-decoration:none; }  \n';        
  28.     TickerHor1  +='A:active    {text-decoration:none; }  \n';  
  29.  
  30.  
  31.     TickerHor1  +='BODY {background: url(../image/snm_bgsawo.jpg); background-position: -120 0;}   \n';   
  32.  
  33.     TickerHor1  +='#'+NameId+'    {position:absolute; background-color:rgb('+numred1+','+numgreen1+','+numblue1+'); clip:rect(0,'+TickWidth+','+TickHeight+',0); clip:rect("0,'+TickWidth+','+TickHeight+',0"); layer-background-color:rgb('+numred1+','+numgreen1+','+numblue1+'); width:800; height:'+TickHeight+'; LEFT:'+LeftPos+'; TOP:'+TopPos+';}   \n';   
  34.  
  35.  
  36.       for (var i = 1; i < NumbText+1; i++){
  37.  
  38.         TickerHor1  +='#'+NameId+'ly'+i+'    {visibility:hidden; position:absolute; LEFT:'+LeftLimit+'; TOP:'+TickStep+';}   \n'; 
  39.     }
  40.       for (var i = 1; i < NumbText+1; i++){
  41.         TickerHor1  +='P.Ft'+NameId+''+i+'   {font:'+ArrayFtSiz[i]+'pt '+ArrayFtFam[i]+'; color:rgb('+ArrayRed[i]+','+ArrayGre[i]+','+ArrayBlu[i]+'); font-weight:'+ArrayFtTyp1[i]+'; font-style:'+ArrayFtTyp2[i]+';}   \n';
  42.  
  43.     }
  44.  
  45.     TickerHor1  +='</STYLE>   \n';   
  46.     TickerHor1  +='<SCRIPT LANGUAGE="javascript" SRC="../jscripts/initv01.js"></SCRIPT>   \n';   
  47.     TickerHor1  +='<SCRIPT LANGUAGE="JavaScript" SRC="../jscripts/browser01.js"></SCRIPT>   \n';   
  48.     TickerHor1  +='<SCRIPT LANGUAGE="JavaScript" SRC="../jscripts/animlyv02.js"></SCRIPT>   \n';   
  49.  
  50.     TickerHor1  +='<SCRIPT LANGUAGE="JavaScript">   \n';   
  51.     TickerHor1  +='    var nbrowser=-1;   \n';   
  52.     TickerHor1  +='function check_browser(){    \n';  
  53.     TickerHor1  +='    get_browser();   \n';   
  54.     TickerHor1  +='    if (browser.name ==  "Microsoft Internet Explorer")   nbrowser=1;   \n';   
  55.     TickerHor1  +='    if (browser.name ==  "Navigator Netscape") nbrowser=0;   \n';   
  56.  
  57.     TickerHor1  +='    animation(0);  \n';  
  58.     TickerHor1  +='}   \n';  
  59.  
  60.       TickerHor1 +='function animation(signe_'+NameId+'img) {  \n';        
  61.     TickerHor1 +='    if (signe_'+NameId+'img==0) animlyv02(nbrowser,'+NumberId+',"true","'+NameId+'","'+NameId+'ly",0,'+NumbText+','+TickTime+');    \n';       
  62.     TickerHor1 +='    if (signe_'+NameId+'img==1) animlyv02(nbrowser,'+NumberId+',"false","'+NameId+'","'+NameId+'ly",0,'+NumbText+','+TickTime+');   \n';        
  63.     TickerHor1 +='}  \n';   
  64.  
  65.     TickerHor1 +='function go_click(jurl){}  \n'; 
  66.  
  67.  
  68.  
  69.  
  70.     TickerHor1  +='</SCRIPT>   \n';
  71.  
  72.     TickerHor2  +='</HEAD>   \n';   
  73.     TickerHor2  +='<BODY>   \n';   
  74.     TickerHor2  +='<DIV ID='+NameId+'>   \n';
  75.  
  76.       for (var i = 1; i < NumbText+1; i++){
  77.  
  78.         TickerHor2  +='    <DIV ID='+NameId+'ly'+i+'> <A HREF="JavaScript://" OnMouseOver="animation(1);" OnMouseOut="animation(0);" OnClick="go_click('+i+');return false;"><P CLASS=Ft'+NameId+''+i+'>'+textmessage[i]+'</P></A></DIV>   \n';
  79.  
  80.  
  81.         
  82.      
  83.  
  84.  
  85.  
  86.  
  87.  
  88.  
  89.     }
  90.  
  91.  
  92.  
  93.     TickerHor2  +='</DIV>   \n';
  94.  
  95.     TickerHor3  +='</BODY>   \n';   
  96.     TickerHor3  +='</HTML>   \n';   
  97.     TickerHor3  +='<SCRIPT>var tc=check_browser();</SCRIPT>   \n'; 
  98.  
  99.  
  100.  
  101.     TickerHorSelect1  ='<SCRIPT LANGUAGE="JavaScript" SRC="../jscripts/objvisv01.js"></SCRIPT>  \n';
  102.     TickerHorSelect1 +='<SCRIPT LANGUAGE="javascript" SRC="../jscripts/liveim2v01.js"></SCRIPT>  \n';
  103.     TickerHorSelect1 +='<SCRIPT LANGUAGE="javascript">  \n';
  104.     TickerHorSelect1 +='//  \n';
  105.     TickerHorSelect1 +='// IMAGE SETUP FOR SELECTS BUTTON  \n';
  106.     TickerHorSelect1 +='//  \n';
  107.     TickerHorSelect1 +='SELECT1img1click = new Image();  \n';
  108.     TickerHorSelect1 +='SELECT1img1click.src = "../image/snm_code_click.gif";  \n';
  109.     TickerHorSelect1 +='SELECT1img1over = new Image();  \n';
  110.     TickerHorSelect1 +='SELECT1img1over.src = "../image/snm_code_over.gif";  \n';
  111.     TickerHorSelect1 +='SELECT1img1out = new Image();  \n';
  112.     TickerHorSelect1 +='SELECT1img1out.src = "../image/snm_code.gif";  \n';
  113.     TickerHorSelect1 +='//  \n';
  114.     TickerHorSelect1 +='SELECT2img2click = new Image();  \n';
  115.     TickerHorSelect1 +='SELECT2img2click.src = "../image/snm_preview_click.gif";  \n';
  116.     TickerHorSelect1 +='SELECT2img2over = new Image();  \n';
  117.     TickerHorSelect1 +='SELECT2img2over.src = "../image/snm_preview_over.gif";  \n';
  118.     TickerHorSelect1 +='SELECT2img2out = new Image();  \n';
  119.     TickerHorSelect1 +='SELECT2img2out.src = "../image/snm_preview.gif";  \n';
  120.     TickerHorSelect1 +='//  \n';
  121.     TickerHorSelect1 +='SELECT3img3click = new Image();  \n';
  122.     TickerHorSelect1 +='SELECT3img3click.src = "../image/snm_back_click.gif";  \n';
  123.     TickerHorSelect1 +='SELECT3img3over = new Image();  \n';
  124.     TickerHorSelect1 +='SELECT3img3over.src = "../image/snm_back_over.gif";  \n';
  125.     TickerHorSelect1 +='SELECT3img3out = new Image();  \n';
  126.     TickerHorSelect1 +='SELECT3img3out.src = "../image/snm_back.gif";  \n';
  127.     TickerHorSelect1 +='function select_over(k){  \n';
  128.     TickerHorSelect1 +='    ly1="SELECT";  \n';
  129.     TickerHorSelect1 +='    ly2="SELECT"+k;  \n';
  130.     TickerHorSelect1 +='    Img=ly2+"img";  \n';
  131.     TickerHorSelect1 +='    img_over2(nbrowser,ly1,ly2,Img,k);  \n';
  132.     TickerHorSelect1 +='}  \n';
  133.     TickerHorSelect1 +='function select_out(k){  \n';
  134.     TickerHorSelect1 +='    ly1="SELECT";  \n';
  135.     TickerHorSelect1 +='    ly2="SELECT"+k;  \n';
  136.     TickerHorSelect1 +='    Img=ly2+"img";  \n';
  137.     TickerHorSelect1 +='    img_out2(nbrowser,ly1,ly2,Img,k);  \n';
  138.     TickerHorSelect1 +='}  \n';
  139.     TickerHorSelect1 +='function select_click(k){  \n';
  140.     TickerHorSelect1 +='    ly1="SELECT";  \n';
  141.     TickerHorSelect1 +='    ly2="SELECT"+k;  \n';
  142.     TickerHorSelect1 +='    Img=ly2+"img";  \n';
  143.     TickerHorSelect1 +='    img_click2(nbrowser,ly1,ly2,Img,k);  \n';
  144.     TickerHorSelect1 +='    if (k==3) parent.frames[1].history.go(-1);   \n';
  145.     TickerHorSelect1 +='    if (k==1) Obj_Vis(nbrowser,1,"'+NameId+'","hidden");  \n';
  146.     TickerHorSelect1 +='    if (k==1) Obj_Vis(nbrowser,1,"SOURCE","inherit");  \n';
  147.  
  148.     TickerHorSelect1 +='    if (k==2) Obj_Vis(nbrowser,1,"SOURCE","hidden");  \n';
  149.     TickerHorSelect1 +='    if (k==2) Obj_Vis(nbrowser,1,"'+NameId+'","inherit");  \n';
  150.     TickerHorSelect1 +='}  \n';
  151.     TickerHorSelect1 +='</SCRIPT>  \n';
  152.     
  153.     TickerHorSelect2  ='<DIV ID=SELECT STYLE="position:absolute; left:10; top:0;">  \n';
  154.     TickerHorSelect2 +='    <DIV ID=SELECT1 STYLE="position:absolute; left:20; top:0;">  \n';
  155.     TickerHorSelect2 +='        <A HREF="javascript://"  \n';
  156.     TickerHorSelect2 +='        OnMouseOver="select_over(1)"  \n';
  157.     TickerHorSelect2 +='        OnMouseOut="select_out(1)"  \n';
  158.     TickerHorSelect2 +='        OnClick="select_click(1); return false;">  \n';
  159.     TickerHorSelect2 +='        <IMG BORDER=0 NAME=SELECT1img SRC="../image/snm_code.gif"></A>  \n';
  160.     TickerHorSelect2 +='    </DIV>  \n';
  161.     TickerHorSelect2 +='    <DIV ID=SELECT2 STYLE="position:absolute; left:120; top:0;">  \n';
  162.     TickerHorSelect2 +='        <A HREF="javascript://"  \n';
  163.     TickerHorSelect2 +='        OnMouseOver="select_over(2)"  \n';
  164.     TickerHorSelect2 +='        OnMouseOut="select_out(2)"  \n';
  165.     TickerHorSelect2 +='        OnClick="select_click(2); return false;">  \n';
  166.     TickerHorSelect2 +='        <IMG BORDER=0 NAME=SELECT2img SRC="../image/snm_preview.gif"></A>  \n';
  167.     TickerHorSelect2 +='    </DIV>  \n';
  168.     TickerHorSelect2 +='    <DIV ID=SELECT3 STYLE="position:absolute; left:220; top:0;">  \n';
  169.     TickerHorSelect2 +='        <A HREF="javascript://"  \n';
  170.     TickerHorSelect2 +='        OnMouseOver="select_over(3)"  \n';
  171.     TickerHorSelect2 +='        OnMouseOut="select_out(3)"  \n';
  172.     TickerHorSelect2 +='        OnClick="select_click(3); return false;">  \n';
  173.     TickerHorSelect2 +='        <IMG BORDER=0 NAME=SELECT3img SRC="../image/snm_back.gif"></A>  \n';
  174.     TickerHorSelect2 +='    </DIV>  \n';
  175.     TickerHorSelect2 +='</DIV>  \n';
  176.  
  177.  
  178.     screen_width();
  179.  
  180.     if (MyScreenWidth==800){
  181.         var MyRows=16;
  182.         var MyCols=50;
  183.     }else{
  184.         var MyRows=12;
  185.         var MyCols=38;
  186.     }
  187.  
  188.  
  189.     TickerHorForm  ='    <FORM NAME=test> \n';
  190.     TickerHorForm +='        <TEXTAREA NAME=test2 name=output  ROWS='+MyRows+' COLS='+MyCols+'> \n';
  191.     TickerHorForm +=LiveRef+TickerHor1+TickerHor2+TickerHor3;
  192.     TickerHorForm +='        </TEXTAREA> \n';
  193.     TickerHorForm +='    </FORM > \n';
  194.  
  195.     TickerHorFormDiv  ='<DIV ID=SOURCE STYLE="visibility:hidden; position:absolute; left:10; top:30;"> \n';
  196.     TickerHorFormDiv +=TickerHorForm;
  197.     TickerHorFormDiv +='</DIV> \n';
  198.  
  199.  
  200.  
  201.     if (signe_browser==1){
  202.  
  203.         TickerHor=TickerHor1+TickerHorSelect1+TickerHor2+TickerHorSelect2+TickerHorFormDiv+TickerHor3;
  204.         parent.frames[1].document.write(TickerHor);
  205.         parent.frames[1].document.close();
  206.  
  207.  
  208.     }
  209.  
  210.     if (signe_browser==0){
  211.  
  212.  
  213.         Obj_Vis(nbrowser,1,'CONTENT','hidden');
  214.         Obj_Vis(nbrowser,1,'TEXTPROP','hidden');
  215.  
  216.         document.SOURCE.document.open();
  217.         document.SOURCE.document.write(TickerHorForm);
  218.         document.SOURCE.document.close();
  219.  
  220.             var j0=jnav;
  221.         var NameIdNav='MyTickerNav'+j0;
  222.         jnav=jnav+1;
  223.         
  224.         
  225.         // if (jnav >2)     mvtickerRightL2(0,j0,'false','PREVIEW',NameIdNav,NumbText,1,0,0,TickStep,LeftLimit,TickWidth,TickTime);   
  226.  
  227.         // if (jnav >2) animation(0);
  228.  
  229.         var NameIdNav='MyAnimImg'+jnav;
  230.  
  231.         TickerHorNav1  ='<LAYER ID='+NameIdNav+' CLIP="'+TickWidth+','+TickHeight+'" BGCOLOR="'+bgrgb+'" TOP=0 LEFT=0 WIDTH=800 HEIGHT='+TickHeight+'>';
  232.         for (var i = 1; i < NumbText+1; i++){
  233.             TickerHorNav1 +='    <DIV ID='+NameIdNav+'Ly'+i+' STYLE="visibility:hidden; position:absolute;  LEFT:'+LeftLimit+'; TOP:'+TickStep+';"><P  STYLE="font:'+ArrayFtSiz[i]+'pt '+ArrayFtFam[i]+'; color:rgb('+ArrayRed[i]+','+ArrayGre[i]+','+ArrayBlu[i]+'); font-weight:'+ArrayFtTyp1[i]+'; font-style:'+ArrayFtTyp2[i]+';">'+textmessage[i]+'</P></DIV>';
  234.         }
  235.  
  236.         TickerHorNav1 +='    <DIV ID=ANIMIMAGELYBLANK STYLE="position:absolute; LEFT:'+LeftLimit+'; TOP:'+TickStep+';"><A HREF="JavaScript://" OnMouseOver="animation(1,'+jnav+','+coma+NameIdNav+coma+');" OnMouseOut="animation(0,'+jnav+','+coma+NameIdNav+coma+');" OnClick="return false;"><IMG SRC="../image/blank.gif" WIDTH=200 HEIGHT=50 BORDER=0></A></DIV>  ';      
  237.  
  238.  
  239.  
  240.  
  241.  
  242.  
  243.         TickerHorNav1 +='</LAYER>';
  244.  
  245.  
  246.  
  247.  
  248.  
  249.         
  250.         document.PREVIEW.document.open();
  251.         document.PREVIEW.document.write(TickerHorNav1);
  252.         document.PREVIEW.document.close();
  253.         
  254.  
  255.  
  256.         window.scroll(0,0);
  257.  
  258.         Obj_Top(signe_browser,1,TopPos,"PREVIEW");  
  259.         Obj_Left(signe_browser,1,LeftPos,"PREVIEW"); 
  260.  
  261.  
  262.         Obj_Vis(nbrowser,1,'SELECT','inherit');
  263.         Obj_Vis(nbrowser,1,'PREVIEW','inherit');
  264.  
  265.         // mvtickerRightL2(0,jnav,'true','PREVIEW',NameIdNav,NumbText,1,0,0,TickStep,LeftLimit,TickWidth,TickTime);   
  266.  
  267.         animation(0,jnav,NameIdNav);
  268.     }
  269.  
  270. }
  271.